@function p($px) {
    @return $px/2+px;
}

.web {
    section {
        width: 100%;
        .as3 {
            padding-top: 45px;
            width: 100%;
            background: url(../img/jiazu-1.png);
            height: 565px;
            .xiaz {
                margin: 0 auto;
                width: 1000px;
                .lei {
                    display: flex;
                    margin-top: 67px;
                    span {
                        font-size: 48px;
                        color: #8bc01f;
                        width: 55px;
                        height: 53px;
                        background: #fff;
                        line-height: 53px;
                        text-align: center;
                    }
                    h1 {
                        font-size: 48px;
                        color: #fff;
                        font-weight: normal;
                        margin-left: 12px;
                    }
                }
                span {
                    display: block;
                    margin-bottom: 50px;
                    font-size: 24px;
                    color: #fff;
                }
                p {
                    font-size: 14px;
                    color: #fff;
                    margin-bottom: 28px;
                }
                .jinqu {
                    a {
                        display: inline-block;
                        background: #e8f2d2;
                        width: 100px;
                        height: 34px;
                        color: #8bc01f;
                        font-size: 14px;
                        text-align: center;
                        line-height: 34px;
                        border-radius: 5px;
                    }
                    a:hover {
                        background: deepskyblue;
                        color: #4e3d36;
                    }
                }
            }
        }
        .geng {
            width: 100%;
            height: 621px;
            background: #3393df;
            .xio {
                margin: 0 auto;
                width: 1000px;
                height: 610px;
                .gengda {
                    .lei {
                        display: flex;
                        margin-top: 67px;
                        span {
                            font-size: 48px;
                            color: #3393df;
                            width: 55px;
                            height: 53px;
                            background: #fff;
                            line-height: 53px;
                            text-align: center;
                        }
                        h1 {
                            font-size: 48px;
                            color: #fff;
                            font-weight: normal;
                            margin-left: 12px;
                        }
                    }
                    .hou {
                        width: 303px;
                        height: 289px;
                        overflow: hidden;
                        img {
                            width: 100%;
                        }
                    }
                }
                .xinneng {
                    padding-top: 128px;
                    h1 {
                        margin-top: 36px;
                        font-size: 24px;
                        color: #fff;
                        font-weight: normal;
                    }
                    p {
                        font-size: 14px;
                        color: #fff;
                    }
                }
                .ershi {
                    .laoer {
                        width: 264px;
                        height: 273px;
                        overflow: hidden;
                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
        .fuwu {
            width: 100%;
            background: #fff;
            .yuyan {
                margin: 0 auto;
                width: 1000px;
                .lei {
                    display: flex;
                    margin-top: 67px;
                    span {
                        font-size: 48px;
                        color: #fff;
                        width: 55px;
                        height: 53px;
                        background: #3393df;
                        line-height: 53px;
                        text-align: center;
                    }
                    h1 {
                        font-size: 48px;
                        color: #3393df;
                        font-weight: normal;
                        margin-left: 12px;
                    }
                }
                p {
                    margin-top: 20px;
                    font-size: 14px;
                    color: #5d5d5d;
                    //                  width:395px;
                }
                h2 {
                    font-size: 18px;
                    color: #3393df;
                    font-weight: normal;
                    margin-top: 30px;
                }
                .yu {
                    text-align: center;
                    margin-top: 38px;
                }
                .dashu {
                    text-align: center;
                    margin-bottom: 80px;
                }
            }
        }
        .stoer {
            width: 100%;
            background: #f7f7f7;
            .yuyan {
                margin: 0 auto;
                width: 1000px;
                .lei {
                    display: flex;
                    margin-top: 67px;
                    span {
                        font-size: 48px;
                        color: #fff;
                        width: 55px;
                        height: 53px;
                        background: #3393df;
                        line-height: 53px;
                        text-align: center;
                    }
                    h1 {
                        font-size: 48px;
                        color: #3393df;
                        font-weight: normal;
                        margin-left: 12px;
                    }
                }
                p {
                    margin-top: 20px;
                    font-size: 14px;
                    color: #5d5d5d;
                    //                  width:395px;
                }
                h2 {
                    font-size: 18px;
                    color: #3393df;
                    font-weight: normal;
                    margin-top: 30px;
                }
                .span1 {
                    display: block;
                    margin-top: 20px;
                    font-size: 14px;
                    color: #5d5d5d;
                    text-indent: 2em;
                }
                .yu {
                    text-align: center;
                    margin-top: 38px;
                }
                .dashu {
                    text-align: center;
                    margin-bottom: 80px;
                    margin-top: 70px;
                }
            }
        }
    }
}

@media only screen and (max-width:414px){
    .web{
        section{
            .as3{
                .xiaz{
                    width:100%;
                        span{
                            margin-bottom: 20px;
                        }
                        p{
                            margin-bottom: 20px;
                        }
                }
            }
            .geng{
                height: 100%;
                .xio{
                   width: 100% !important; 
                   height: 100%;
                   .xinneng{
                       padding-top: 0;
                   }
                }
            }
            .fuwu,.stoer{
                .yuyan{
                    width: 100% !important;
                }
            }
        }
        .foot{
            .foot1{
                width: 100% !important;
                height: 100%;
                .foot2{
                   justify-content: center;
                   span{
                       font-size: 11px;
                   }
                }
                .foot3{
                    display: none;
                }
            }
        }
    }
}

@media only screen and (max-width:320px){
    .web{
        section{
            .as3{
                .xiaz{
                    width:100%;
                        span{
                            margin-bottom: 20px;
                        }
                        p{
                            margin-bottom: 20px;
                        }
                }
            }
            .geng{
                height: 100%;
                .xio{
                   width: 100%; 
                   height: 100%;
                   .xinneng{
                       padding-top: 0;
                   }
                }
            }
            .fuwu,.stoer{
                .yuyan{
                    width: 100%;
                }
            }
        }
        .foot{
            .foot1{
                width: 100%;
                height: 100%;
                .foot2{
                   justify-content: center;
                   span{
                       font-size: 11px;
                   }
                }
                .foot3{
                    display: none;
                }
            }
        }
    }
}
